﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
ul li{ list-style:none}
img{ border:0; max-width:100%;}
a{ text-decoration:none; color:#000}
.clear{ clear:both}
body{ font-family:"微软雅黑"; width:100%; min-width:1200px;color: #000;font-size: 14px;}
.ccsl{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
p{text-align:justify}
a:hover{ color:#b9101c}

.main{ width:1200px; margin:0 auto;}


.banner{ width:100%; min-width:1200px; /*height:400px;*/ overflow:hidden; position:relative;font-size:0; margin:0 auto;}
.b-img{ /*height:400px;*/  position:absolute; left:0; top:0;}
.b-img img{ display:block; /*height:400px;*/ float:left;}
.b-list{ height:20px; /*padding-top:380px;*/ margin:0 auto;position:relative;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; background:#fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{ background:#d8241d}

.topbox{width:100%; min-width:1200px;background:#f1f1f1; height:35px;line-height: 35px;overflow: hidden;}
.topbox p{color: #666;font-size: 13px;}

.logo{ width:1200px; margin:0 auto; overflow:hidden}
.logo img{ display:block; width:1200px;}


.nav{width:100%; min-width:1200px; background:#2B2B2B}
.nav ul{ overflow:hidden}
.nav ul li{ float:left; height:62px; line-height:62px;width: 170px; text-align:center; margin-right:1px}
.nav ul li a{ font-size:16px; color:#fff; display:block}
.nav ul li:hover,.nav ul li.on{ background:#bc2026}


.part1{width:100%; min-width:1200px;background: #2B2B2B;line-height: 66px;height: 66px;overflow: hidden;}
.part1_L{border: 8px solid #fff;border-top: none;border-bottom: none;margin-left: 90px;float: left;width: 356px;overflow:hidden}
.part1_L p{font-size: 18px;color: #fff;text-align: center; }
.part1_R{width:650px;padding-left: 50px;float: left; overflow:hidden}
.part1_R span{ float:left; color:#fff;}
.part1_R .con{ float:left; max-width:650px; overflow:hidden}
.part1_R .con a{ color:#fff; display:inline-block; padding:0 10px}


.part2{width:1200px; margin:0 auto;padding-top: 45px;padding-bottom: 40px;}
.contitbox{ width:1200px; height:52px; background:url(../images/titbg.png) no-repeat; margin:0 auto; overflow:hidden}
.contitbox .titL{ float:left; width:540px;height:52px; overflow:hidden}
.contitbox .titL p{ height:52px;text-align:right; color:#bc2026; font-size:32px; font-weight:bold}
.contitbox .titR{ margin-left:20px; width:600px; float:left; height:52px; overflow:hidden}
.contitbox .titR .tit{ color:#323232;padding-top: 10px;font-weight: 600;font-size: 18px;}
.contitbox .titR .sub{ text-transform:uppercase; color:#989898; padding-top:2px}


.part2 ul{ padding-top:30px; overflow:hidden}
.part2 ul li{ width:388px; float:left; margin-right:18px; margin-top:20px;}
.part2 ul li p{font-size: 16px; height:50px;text-align: center;line-height: 50px;color: #1a1a1a;}
.part2 ul li:nth-child(3n){ margin-right:0}
.part2 ul li:hover p{ color:#b9101c}


.part3{width:100%; min-width:1200px; min-height:30px; overflow:hidden; margin:0 auto; text-align:center}


.part4{ width:1200px; margin:0 auto; padding-top:50px}
.part4_1{ float:left; width:400px; overflow:hidden;height:360px;}
.part4_2{ float:left; width:400px; overflow:hidden; height:360px;}
.part4_2 img{width:400px; overflow:hidden; height:360px; display:block}
.part4_3{ float:right; width:400px; overflow:hidden;height:360px;}
.part4item{ width:400px; height:88px; overflow:hidden; margin-top:70px}
.part4item .num{color: #fff;line-height: 88px;background: url(../images/iconbg.jpg) left center no-repeat;font-size: 32px; float:left;width: 80px;padding-left: 13px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;}
.part4item .con{ float:right;width: 305px;}
.part4item .con h4{font-size: 18px;color: #000000;font-weight: bold;line-height: 38px;}
.part4item .con .sub{padding-top: 5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;color: #707070;font-size: 12px;line-height: 22px;}



.part5{ background:#F4F4F4;width:100%; min-width:1200px; overflow:hidden; margin-top:80px; padding:40px 0}
.part5 .main{ padding-top:30px}
.part5_1{ float:left;width: 398px;height: 296px; overflow:hidden}
.part5_1 img{ display:block;width: 398px;height: 296px; overflow:hidden}
.part5_2{ float:left;width:470px;text-align: justify;font-size: 12px;color: #575757;line-height: 28px;margin-left: 75px;overflow:hidden}
.part5_2 h4{padding-top:15px;font-size: 26px;color: #000000;font-weight: bold;}
.part5_2 .con{padding-top: 35px; max-height:225px;font-size: 14px; overflow:hidden}
.part5_2 a{display: inline-block;margin-top: 10px;width: 110px;height: 36px;line-height: 36px;text-align: center;background: #bc2026;font-size: 14px;color: #fff;}
.part5_3{ float:right; width:180px; overflow:hidden}
.part5_3 img{ display:block; width:180px; height:95px;margin-bottom: 10px;}


.part6{ width:1200px; margin:0 auto; padding-top:30px}
.part6L{ float:left;width: 765px;}
.part6R{width: 410px; float:right;}
.part6 .titbox{border: 1px solid #dfdfdf; height:52px;line-height: 52px;overflow: hidden;}
.part6 .titbox a{ float:right; width:52px; height:52px; border-left:1px solid #dfdfdf; overflow:hidden}
.part6 .titbox a img{ margin:0 auto; display:block; width:19px; height:20px; margin-top:16px}
.part6 .titbox p{ float:left;background: #bc2026;color: #fff;width: 130px;font-size: 16px;text-align: center;height: 52px;}
.part6_1{ padding-top:20px; height:150px; overflow:hidden}
.part6_1 .p6_1{width: 228px; height:148px;border: 1px solid #cdcdcd; overflow:hidden; float:left}
.part6_1 .p6_1 img{ display:block;width: 228px; height:148px;}
.part6_1 .p6_2{width: 475px; float:right; height:150px; overflow:hidden;}
.part6_1 .p6_2 a.ccsl{ font-weight:bold; font-size:16px;}
.part6_1 .p6_2 .sub{font-size:12px; color:#6d6d6d; line-height:24px; padding-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.part6_1 .p6_2 .more{ margin-top:15Px; font-size:14px; background:#bc2026; color:#fff; width:90px; height:32px; line-height:32px; display:inline-block; vertical-align:top; text-align:center; font-weight:normal;}
.part6_2{padding-top:20px;}
.part6_2 ul{ overflow:hidden}
.part6_2 ul li{ height:30px; line-height:30px;}
.part6_2 ul li a{ float:left;background: url(../images/icon.png) left center no-repeat;padding-left: 20px; color:#1a1a1a; max-width:600px}
.part6_2 ul li span{ float:right;font-size: 12px;color: #434343;}
.part6_2 ul li a:hover{ color:#b9101c}

.part6R ul{ overflow:hidden;padding: 15px 20px;}
.part6R ul li{padding: 15px 0; border-bottom: 1px dotted #cecece;}
.part6R ul li a.ccsl{font-size: 14px;font-weight: bold; color: #666666;line-height: 24px;height: 24px;padding-left: 30px;background: url(../images/wen.jpg) left center no-repeat;}
.part6R ul li .da{padding-left: 30px; margin-top:10px;line-height: 20px;font-size: 12px;color: #666666;background: url(../images/da.jpg) left 2px no-repeat;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}


.linkboxs{ width:100%; min-width:1200px; overflow:hidden;background:#1B2E3D;padding: 22px 0;margin-top: 10px;}
.linkboxs .linkl{}
.linkboxs .linkl span{color: #7e8a93;display: inline-block;vertical-align: middle;margin-right: 8px;}
.linkboxs .linkl i{font-style: normal;color: #7e8a93;font-weight: normal;}
.linkboxs .con{}
.linkboxs .con a{display: inline-block; font-size:13px;color: #7e8a93;margin-left: 10px;vertical-align: middle;margin-right: 8px;}



.footer{width:100%;min-width:1200px;overflow:hidden;padding: 30px 0;line-height: 28px;background: #1d384d;font-size: 14px;color: #b7c0c7;}
.footer .telbox{ float:left;background: url(../images/tel.png) left top no-repeat;padding-left: 55px; max-width:450px; overflow:hidden}
.footer .telbox .tel1{font-size: 25px;color: #ffffff;font-weight: bold;font-family: Arial, Helvetica, sans-serif;}
.footer .telbox .tel2{font-size: 14px;color: #cee7fb;}
.footer .foot{ max-width:580px; float:right; text-align:right}

.footer .foot a{ color:#FFF}

.mainWarp{ width:1200px; margin:0 auto;padding-top: 40px; padding-bottom:100px}
.mainLeft{width: 250px; float:left}
.mainLeft .titbox{background: #b9101c;font-size: 22px;padding: 0 20px;color: #fff;line-height: 65px;height: 65px;}
.mainLeft .titbox p{}
.mainLeft .titbox p span{font-size: 14px;padding-left: 10px;}
ul.typeul{ overflow:hidden;background: #cf101c; margin-bottom:30px;}
ul.typeul li{border-bottom: 1px solid #c8271c;line-height: 45px;padding: 0 20px;height: 45px;transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -moz-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;}
ul.typeul li a{color: #fff;background: url(../images/jt.png) left center no-repeat;background-size: 15px 15px;padding-left: 22px; position:relative; left:0}
ul.typeul li:hover{background: #c8271c;}
ul.typeul li:hover a{left: 5px;}
.lxwm{border: 1px solid #dfdfdf;}
.lxwm .con{ padding:20px;color: #3d3d3d; line-height:28px;}


.mainRight{ float:right;width: 910px;}
.brandnavbox{border-left: 10px solid #b9101c;font-size: 16px;padding-left: 15px;line-height: 50px;height: 50px;background: #f0f0f0; overflow:hidden}
.brandnavbox .con{}



ul.listul{overflow: hidden;padding-top: 20px;}
ul.listul li{line-height: 42px;border-bottom: 1px dashed #ccc; padding-bottom:10px}
ul.listul li .tit{ height:42px; line-height:42px; overflow:hidden}
ul.listul li .tit span{float: right;color: #666;}
ul.listul li .tit em{padding-right: 5px;font-style: normal; float:left}
ul.listul li .tit a{ max-width:750px; float:left}
ul.listul li .sub{line-height: 22px;padding-left: 12px;padding-bottom: 5px;color: #666;font-size: 13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}


ul.piclistul{ padding-top:20px; overflow:hidden}
ul.piclistul li{ float:left;margin-right: 16px;margin-top: 16px;overflow: hidden;width: 279px; height:245px;}
ul.piclistul li .proimg{border: 1px solid #ccc;width: 277px; height:208px;_display:table;display:table-cell;text-align:center;vertical-align:middle}
ul.piclistul li .proimg img{vertical-align:middle;max-height:208px; max-width:277px;}
ul.piclistul li p{ height:35px; line-height:35px; text-align:center; background:rgba(0,0,0,0.5); color:#fff;padding: 0 10px}
ul.piclistul li:nth-child(3n){ margin-right:0}
ul.piclistul li:hover p{ background:#b9101c}


.detailbox{ padding-bottom:20px}
.detailbox .xq{}
.detailbox .xq h1{text-align: center;font-size: 18px;padding-top: 30px; font-weight:normal}
.detailbox .xq .date{ text-align:center; border-bottom:1px dashed #ddd; color:#aaa; height:35px; line-height:35px; margin-top:10px}
.detailbox .xq .prooimg{ display:block; margin:0 auto; max-width:750px; padding-top:25px}
.detailbox .xq .con{text-align: justify;line-height: 28px;overflow: hidden;padding: 25px 0;color: #3d3d3d;font-size: 16px;}

.aboutbox{text-align: justify;font-size: 14px;color: #3d3d3d;line-height:30px;overflow: hidden;padding: 25px 0;}
.aboutbox p{ text-indent:2em}

.tjbox{}
.tjbox .titbox{padding: 10px 0;}
.tjbox .titbox p{font-size: 18px;color: #3d3d3d;}
.tjbox ul.ul1{ overflow:hidden;padding-bottom: 10px;}
.tjbox ul.ul1 li{ float:left; width:50%;border-bottom: 1px solid #ccc; height:40px;line-height: 40px;}
.tjbox ul.ul1 li a{width: 90%;height: 40px;line-height: 40px;overflow: hidden;}

.tjbox ul.ul2{ overflow:hidden;padding-bottom: 10px;}
.tjbox ul.ul2 li{float:left;margin-right:35px;margin-top: 16px;overflow: hidden;width: 279px; height:245px;}
.tjbox ul.ul2 li .proimg{border: 1px solid #ccc;width: 277px; height:208px;_display:table;display:table-cell;text-align:center;vertical-align:middle}
.tjbox ul.ul2 li .proimg img{vertical-align:middle;max-height:208px; max-width:277px;}
.tjbox ul.ul2 li p{height:35px; line-height:35px; text-align:center; background:rgba(0,0,0,0.5); color:#fff;padding: 0 10px}
.tjbox ul.ul2 li:nth-child(3n){ margin-right:0}



.pagebox{ text-align:center; padding-top:30px; padding-bottom:50px}
.pagebox a{ border:1px solid #ccc; padding:5px 10px; display:inline-block; color:#333; margin:3px}
.pagebox a:hover{background:#b9101c; color:#fff}
.pagebox a.on{ background:#b9101c; color:#fff}
















